<template>
    <div class="login">
        <video 
        autoplay
        loop
        muted
        playsInline
        :src="vSrc" 
        class="myvideo"></video>
        <div class="login-box">
            <h2 class="title">千锋成绩管理系统</h2>
            <div class="box">
                 <el-tabs v-model="activeName" class="demo-tabs">
                    <el-tab-pane label="用户名登录" name="username">
                        <LoginByName/>
                    </el-tab-pane>
                    <el-tab-pane label="手机号登录" name="phone">
                        <LoginByPhone/>
                    </el-tab-pane>
                </el-tabs>
            </div>
        </div>
    </div>
</template>

<script setup>
// setup vue实例化之前生成的 方法最终混入到全局中 实例化APP
import { ref } from "vue";
const src = ref('https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/3760b2031ff41ca0bd80bc7a8a13f7bb_preview.mp4')
const activeName = ref('username')

</script>

<style lang="scss" scoped>

</style>
